<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <title>页面交换算法模拟</title>
    <link href="style/default.css" type="text/css" rel="stylesheet" />
</head>
<body>

    <div id="control">
       <form>
           <h2>控制区</h2>
          <div>
              <label for="inputMethod">调度序列的载入方式</label>
              <select id="inputMethod" name="inputMethod">
                  <option value="1">手动输入</option>
                  <option value="2">从文件录入</option>
              </select>
          </div>

           <div id="byEnterDiv" class="hidden" >
               <label for="byEnter">输入页面调度序列:</label>
               <textarea id="byEnter" name="byEnter" rows="3" cols="20"></textarea>
           </div>

           <div id="byFileDiv" class="hidden">
               <label for="byFile">从文件得到</label>
               <input type="file" id="byFile" name="byFile" />
           </div>

           <div>
               <label for="swapMethod">页面调度算法</label>
               <select id="swapMethod" name="swapMethod">
                   <option value="1">OPT</option>
                   <option value="2">FIFO</option>
                   <option value="3">LRU</option>
                   <option value="4">ALL</option>
               </select>
           </div>

           <div>
               <label for="proPhyPage">进程物理页</label>
               <input type="number" id="proPhyPage" name="proPhyPage" value="3" />
           </div>

           <div>
                <button id="startBtn" type="submit">开始模拟</button>
           </div>
       </form>

        <div id="note">
            <h2>备注</h2>
            <div>
                <div></div><p></p>
                <div></div><p></p>
                <div></div><p></p>
            </div>
        </div>
    </div>

    <div id="simulation">
        <!-- Deme -- 此处由JS动态生成
        <div class="methodDiv">
            <h2>XXX算法</h2>
            <div class="tables">
               <div class="column">
                   <div class="cell">
                       <div>7</div>
                       <div>0</div>
                       <div>-</div>
                   </div>
                   <div class="interrupt vHidden">
                       X
                   </div>
               </div>
            </div>
        </div>
        -->
    </div>

    <script src="script/jQuery.js"></script>
    <script src="script/classes.js"></script>
    <script src="script/functions.js"></script>
    <script src="script/main.js"></script>
</body>
</html>